<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>拍卖</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
    <link rel="stylesheet" href="${path}/static/web/style/ICalendar.css">
</head>
<body>
    <!-- 导航 -->
    <%@ include file="/static/web/jsp/top.jsp"%>

    <div id="auctionController" v-cloak>
        <!-- 拍卖分类 -->
        <div class="auction_sort">
            <a :class="getAuctionClass('past_auction')" @click="changeType('past_auction')" href="javascript:void(0);" alt="往期拍卖"></a>
            <a :class="getAuctionClass('now_auction')" @click="changeType('now_auction')" href="javascript:void(0);" alt="正在拍卖"><i class="icon icon_hot"></i></a>
            <a :class="getAuctionClass('next_auction')" @click="changeType('next_auction')" href="javascript:void(0);" alt="下期预告"></a>
        </div>

        <div class="auction_date" v-show="auctionType != 'now_auction'">
            <i class="icon icon_date" ></i>
            <%--<p class="auction_select">请选择时间：<input  @click="showTime(this)" v-model="searchTime" ref="time" id="searchTime"><i class="icon icon_select" @click="showTime(this)"></i></p>--%>

            <p class="auction_select" v-show="auctionType == 'next_auction'"  @click="time(2)">请选择时间：<input id="select_date_next" readonly v-model="searchTime"/><i class="icon icon_select"></i></p>
            <p class="auction_select" v-show="auctionType == 'past_auction'" @click="time(1)">请选择时间：<input id="select_date_past" readonly v-model="searchTime"/><i class="icon icon_select" ></i></p>
        </div>

        <div class="auction_date" v-show="auctionType == 'now_auction'">
            <h3 class="period_date">{{now}}&nbsp;&nbsp;&nbsp;第{{nowNUm}}期拍卖</h3>
        </div>

        <!-- 拍卖品列表 三种类型 形式一样 就是字段有删减-->

        <!-- 往期拍卖：标题+作者+年份 -->
        <!-- 正在拍卖：标题+当前价格+作者+年份-->
        <!-- 下期拍卖：目前显示的 -->
        <div class="waterfull clearfloat" id="waterfull">
            <div class="no_data" v-show="auctions.length == 0">
                <img src="${path}/static/web/images/no_data.png"/>
                <p>暂无数据哦，去看看其他的吧</p>
            </div>
            <ul v-show="auctions.length > 0">
                <li class="item" v-for="(item,index) in auctions" @click="jump(item)" :style="{opacity:0}">
                    <a href="#" :href="'${path}/web/auction/'+item.goodsId" class="a-img">
                        <img src="${path}/static/web/images/waterfull_01.png"  v-sy-img="item.goodsImg" alt=""> <!-- :src="getImg(index)" -->
                    </a>
                    <div class="content">
                        <div class="item_head">
                            <h3 class="title">{{item.goodsName}}</h3>
                            <div class="label">
                                <i class="icon icon_nation" v-if="item.conNum"></i>
                                <i class="icon icon_author" v-if="item.ftype == 1"></i>
                                <i class="icon icon_link" v-if="item.ethTradeNo"></i>
                            </div>
                        </div>
                        <p class="price" v-if="auctionType != 'past_auction'">
                            当前价：<span class="red">￥{{item.nowPrice}}</span>
                            <%--<span class="auction_period">第一期</span>--%>
                        </p>
                        <p class="price" v-if="auctionType == 'past_auction'">
                            成交价：<span class="red">{{!item.orderPrice?'暂无':'￥'+item.orderPrice}}</span>
                            <%--<span class="auction_period">第一期</span>--%>
                        </p>
                        <div class="info">
                            <span class="author">作者：{{item.artName}}</span>
                            <span class="year" v-if="item.goodsTime">{{item.goodsTime.substring(0,4)}}年</span>
                        </div>
                    </div>
                    <div class="time" v-if="auctionType == 'next_auction'">开拍时间：{{item.beginPawnTime}}</div>
                    <div class="time" v-if="auctionType == 'now_auction'">结拍倒计时：{{item.time}}</div>
                </li>
            </ul>
        </div>
        <%--<div id="imloading" class="img_loading">--%>
            <%--加载中.....--%>
        <%--</div>--%>
    </div>


    <%@ include file="/static/web/jsp/footer.jsp"%>

</body>
<%--<script src="${path}/static/web/js/jquery.min.js"></script>--%>
<%--<script src="${path}/static/web/js/slide.js"></script>--%>
<%--<script src="${path}/static/web/js/carousel.js"></script>--%>
<%--<script src="${path}/static/web/js/ICalendar.js"></script>--%>
<script src="${path}/static/web/js/laydate/laydate.js"></script>

<script src="${path}/static/web/js/jquery.masonry.min.js"></script>
<script src="${path}/static/web/js/jQeasing.js"></script>

<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/yjy.js"></script>
<script src="${path}/static/web/js/biz/auction.js"></script>


</html>